$(function () {
    // 鼠标移入游戏全目录，游戏导航列表下拉
    $('.NIE-topBar-menu-btn').mouseenter(function () {
        $('.NIE-topBar-menu').removeClass('NIE-topBar-menu-leave').addClass('NIE-topBar-menu-hover');
    })
    //  // 鼠标移出游戏全目录，游戏导航列表收回
    $('.NIE-topBar-menu-btn').mouseleave(function () {
        $('.NIE-topBar-menu').mouseleave();
    })
    // 鼠标离开游戏导航列表，游戏导航列表收回
    $('.NIE-topBar-menu').mouseleave(function () {
        $('.NIE-topBar-menu').removeClass('NIE-topBar-menu-hover').addClass('NIE-topBar-menu-leave');
    })
    // 鼠标进入游戏导航列表，游戏导航列表展开
    $('.NIE-topBar-menu').mouseenter(function () {
        $('.NIE-topBar-menu-btn').mouseenter();
    })

    // 鼠标移入的时候，小图片隐藏，大图片显示
    $('.NIE-topBar-news').mouseover(function () {
        $('#NIE-topBar-abc-s').hide().siblings('a').children('.NIE-topBar-abc-b').css('display', 'block');
    })
    // 鼠标离开，小图片显示，大图片隐藏
    $('.NIE-topBar-news').mouseout(function () {
        $('#NIE-topBar-abc-s').show().siblings('a').children('.NIE-topBar-abc-b').css('display', 'none');
    })

        // 点击更多热门端游，更多热门手游隐藏栏会展开
    // 更多热门端游
    var dflag = true;
    // 获取这个li最开始的位置
    var ac_index = $('.js_NIE_topbar_xiu').offset().left;
    // 获取这个li的宽度
    var ac_w = $('.js_NIE_topbar_xiu').width();
    $('.first-hot-games').click(function () {
        // 点击之后，内容发生改变
        $(this).toggleClass('more-hot-games-click');
        if ($(this).hasClass('more-hot-games-click')) {
            $(this).html('<<')
        } else {
            $(this).html('更多热门端游')
        }
        // 点击之后，隐藏的内容出现，竞技休闲往右边进行挪动
        if (dflag) {
            // 415
            // 初始偏移量加上自身的宽度，就是相对于body的偏移量,因为不想完全将右边盖住，则减少10px
            // 不使用position的原因是position只能获取相对有定位父级的偏移量，而不能用于设置
            $('.js_NIE_topbar_xiu').offset({left:ac_index+ac_w-10});
            dflag = !dflag;
        } else {
            $('.js_NIE_topbar_xiu').offset({ left: ac_index});
            dflag = !dflag;
        }
    })
    // 更多热门手游
    var fflag = true;
    $('.more-finger-games').click(function () {
        $(this).toggleClass('more-hot-games-click');
        if ($(this).hasClass('more-hot-games-click')) {
            $(this).html('<<')
        } else {
            $(this).html('更多热门手游')
        }

        // 点击之后，li长度变长
        if (fflag) {
            $('.news').addClass('news-pro-recommend');
            fflag = !fflag;
        } else {
            $('.news').removeClass('news-pro-recommend');
            fflag = !fflag;
        }
    })

    // 头部右上角图片轮播业务
    // var status = true;
    // var timer = setInterval(function () {
    //     if (status) {
    //         $('.NIE-topBar-right a').eq(0).slideUp().siblings().slideDown();
    //         status = !status;
    //     } else {
    //         $('.NIE-topBar-right a').eq(1).slideUp().siblings().slideDown();
    //         status = !status;
    //     }
    // }, 1000);

    // 鼠标移入的时候，遮罩层出现
    // da-slideFromBottom遮罩层
    // 大图片遮罩层的出现
    $('.mhtk-img').mouseover(function () {
        // 鼠标移入的时候，大的遮罩层出现
        $('.da-slideFromBottom').css({ top: 0 });
        // 鼠标移入的时候，字体和图标显示
    })
    $('.mhtk-img').mouseout(function () {
        $('.da-slideFromBottom').css({ top: '100%' });
    })

    // 梦幻图库视频中心样式切换
    $('.tarA').each(function (index, item) {
        $(item).mouseover(function () {
            $(this).addClass('cur').siblings('.tarA').removeClass('cur');
        })
    })

    // 更多模块鼠标over的时候文字向右移动
    $('.btn-more').mouseover(function () {
        $(this).css('text-indent', '5px');
        // 小图标向右移动
        $(this).children('i').css('right', '-7px');
    })
    // 鼠标离开，样式复原
    $('.btn-more').mouseout(function () {
        $(this).css('text-indent', '0px');
        // 小图标向右移动
        $(this).children('i').css('right', '0');

    })

    // 鼠标移入武神坛字体变红色，移动条跟随鼠标移动
    $('.news-nav a').each(function (index, item) {
        $(item).mouseover(function () {
            $(this).addClass('cur').siblings('a').removeClass('cur');
        })
    })

    // ul  list下面的小li的遮罩层出现
    $('.tutu-list li').each(function (index, item) {
        $(item).mouseover(function () {
            $(item).find('.da-slideFromLeft').css({ top: 0 });
            // 鼠标移入的时候，em和盒子一样大
            $(item).find('em').css({
                height: 113,
                'line-height': '113px'
            })
            $(item).find('.ib-txt').css({
                'margin-top': '40px'
            })
        })
        $(item).mouseout(function () {
            // 鼠标了；离开的时候，em和盒子一样大
            $(item).find('em').css({
                height: 22,
            })
            $(item).find('.ib-txt').css({
                'margin-top': '-29px'
            })
            $(item).find('.da-slideFromLeft').css({ top: '100%' });
        })
    })


    // 头部导航栏热点推荐部分 点击热点推荐  隐藏部分出现
    var nieTopBarRecom = document.querySelector('.NIE-topBar-recommend-hot');
    var recomContentH = document.querySelector('.recomContent-h');
    nieTopBarRecom.addEventListener('mouseenter', function () {
        recomContentH.style.height = 380 + 'px';
    });
    recomContentH.addEventListener('mouseleave', function () {
        this.style.height = 0 + 'px';
    });

})
// window.onload = function(){
//     var list = document.querySelectorAll('.tutu-list li');
//     console.log(list);
//     for (let index = 0; index < array.length; index++) {
//         const element = array[index];

//     }
// }

